<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" layout:decorator="layout/base">
<head>
	<title th:text="订单详情"></title>
	<script type="text/javascript" th:src="@{/assets/js/plugins/pickers/daterangepicker.js}"></script>
	<style type="text/css">
		table.gridtable {
		    font-family: verdana,arial,sans-serif;
		    font-size:11px;
		    color:#333333;
		    border-width: 1px;
		    border-color: #666666;
		    border-collapse: collapse;
		    width:700px;
		}
		table.gridtable th {
		    border-width: 1px;
		    padding: 20px;
		    border-style: solid;
		    border-color: #666666;
		    background-color: #dedede;
		}
		table.gridtable td {
		    border-width: 1px;
		    padding: 15px;
		    border-style: solid;
		    border-color: #666666;
		    background-color: #ffffff;
		}
	</style>
</head>

<body>
	<!-- Page header -->
	<div class="page-header" layout:fragment="page-header">
		<div class="page-header-content">
			<div class="page-title">
				<h4><i class="icon-arrow-left52 position-left"></i> <span class="text-semibold" th:text="#{web.name}">管理系统</span> - 订单详情</h4>
			</div>
		</div>
	</div>
	<!-- /page header -->


	<!-- Main content -->
	<div class="content-wrapper" layout:fragment="content">

		<!-- Table -->
		<div class="panel panel-flat min-panel">
			<div class="panel-heading">
				<h5 class="panel-title text-primary"><i class="icon-twitter" th:text="新增订单"/></h5>
        	</div>
			<form action="#" id="edit">
						<div class="modal-body">
							<div class="form-group">
								<label th:text="'财务单号：'"></label><span th:text="${cOrder.financeOrderNo}"></span>
							</div>
							
							<div class="form-group">
								<label th:text="'会员：'"></label><span th:text="${cOrder.customerName}"></span>
							</div>
						
							<div class="form-group">
								<table class="gridtable">
									<thead>
										<th style="text-align:center;">项目大类</th>
										<th style="text-align:center;">项目名称</th>
										<th style="text-align:center;">次数</th>
										<th style="text-align:center;">金额</th>
										<th style="display:none;">productId</th>
									</thead>
									<tbody id="productTbody">
										<tr th:each="orderProduct : ${list}">
											<td align="center" th:text="${orderProduct.parentName}"></td>
											<td align="center" th:text="${orderProduct.productName}"></td>
											<td align="center" th:text="${orderProduct.operationCount}"><input th:value="${orderProduct.operationCount}" type="text" required="true" number="true"></input></td>
											<td align="center" th:text="${#numbers.formatDecimal(orderProduct.productSalePrice, 1, 0)}"></td>
											<td style="display:none;" th:text="${orderProduct.productId}"></td>
										</tr>
									</tbody>
									<tfoot>
										<tr>
											<td colspan="3">总金额:</td>
											<td align="center" colspan="4" id="totalAmount" th:text="${cOrder.totalAmount}">0.00</td>
										</tr>
										<tr>
											<td colspan="3">最终总金额:</td>
											<td align="center" colspan="4" th:text="${#numbers.formatDecimal(cOrder.amount, 1, 0)}"></td>
										</tr>
									</tfoot>
								</table>
							</div>
							<!-- <div class="form-group">
								<label>项目金额<span class="text-danger">*</span></label>	
								<input name="amount" type="text" placeholder="项目金额" class="form-control" required="true" number="true" maxlength="11"/>
							</div> -->
							<div class="form-group">
								<label>项目时间：<span th:text="${#strings.substring(cOrder.createTime, 0, 10)}"></span></label>
								<input type="hidden" id="createTimeHidden" readonly="readonly" th:value="${cOrder.createTime}" class="form-control" required="true" />	
							</div>
							
							<div class="form-group">
								<label class="col-lg-2 control-label">备注</label>	
								<textarea readonly="readonly" name="remark" th:text="${cOrder.remark}"  rows="3" cols="20" placeholder="备注" class="form-control"></textarea>
							</div>
						</div>
						
					</form>
		</div>
		
		<!-- /table -->
	</div>
	<!-- /main content -->

</body>
</html>
